<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //1. 新增api
        let string = "hello,ES6";
        console.log("字符串string是以hello开头?", string.startsWith("hello")); // 字符串string是以hello开头? true
        console.log("字符串string是以ES6结尾?", string.endsWith("ES6")); // 字符串string是以ES6结尾? true
        console.log("字符串string中包含llo?", string.includes("llo")); // 字符串string中包含llo? true

        // 2. 字符串模板
        // 2.1 多行字符串
        let ss = `
            <div>
                <span>hello world<span>
            </div>
        `;
        console.log(ss)
        // 2.2 字符串插入变量和表达式。变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式
        let name = "yangpizhu";
        let age = 23;
        let descript = `我是${name}，今年${age}岁了，虚岁为${age + 1}`; // 可以放入变量，也可以使用表达式，如：+ 1操作
        console.log("自我介绍：", descript); // 自我介绍： 我是yangpizhu，今年23岁了，虚岁为24

        // 2.3 字符串中调用函数
        function yearEndBonus(salary) {
            return salary * 2; // 两个月
        }
        let yearSalary = `我的年终奖为${yearEndBonus(38000)}`;
        console.log(yearSalary); // 我的年终奖为76000

    </script>
</body>

</html>